@layout("/common/_container.html",{plugins:["ztree"],js:["/assets/images/images_list.js"]}){
<style>
.layui-card-body {
    position: relative;
    padding: 10px 15px;
    line-height: 24px;
    height: 520px;
}
.layui-btn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #01aaed;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    width: 135px;
}
.layui-input, .layui-textarea {
    display: block;
    width: 90%;
    padding-left: 10px;
    border: none;
}
.layui-form-label {
    float: left;
    display: block;
    padding: 9px 15px;
    width: 110px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
}
.layui-card-bodys {
    position: relative;
    padding: 10px 15px;
    line-height: 24px;
}
</style>
<div class="layui-body-header">
    <span class="layui-body-header-title">引导页配置</span>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15" id="TPL_layout">
        <div class="layui-col-lg12">
         <div class="layui-card">
          <div class="layui-card-bodys">
            <div class="layui-row layui-col-space10">
            @for(offes in images.imglist){
             <div class="layui-col-xs12 layui-col-sm4">
             	<input type="hidden" id="imgId${offes.orderby}" name="imgId${offes.orderby}" value="${offes.id}">
                <div class="layuiadmin-card-text">
                 	<div class="layui-inline layui-col-md12">
                        <label class="layui-form-label">最后更换时间：</label>
                        <div class="layui-input-block">
                        	 @if(offes.url == null || offes.url == ''){
							 <input type="text" class="layui-input" value="" disabled>     
							 @}                  
                        	 @if(offes.url != null && offes.url != ''){
							 <input type="text" class="layui-input" value="${offes.updateTime,'yyyy-MM-dd HH:mm:ss'}" disabled>     
							 @}                  
						</div>
                    </div>
                  <div class="layui-text-top">
                  	 @if(offes.url == null || offes.url == ''){
                 	 <img class="preview" id="demo${offes.orderby}" alt="" name="pic" width="280" height="280" src="${ctxPath}/assets/common/images/u205443.png">
                  	 @}
                  	 @if(offes.url != null && offes.url != ''){
                  	 <img class="preview" id="demo${offes.orderby}" alt="" name="pic" width="280" height="280" src="${offes.url}">
					 @}   
                  </div>
                  </br>
				  <div>
					<button type="button" class="layui-btn" id="test${offes.orderby}">
					 @if(offes.url == null || offes.url == ''){
						添加图片
					 @}
					 @if(offes.url != null && offes.url != ''){
					 	更换图片
					 @}
					</button>
					<button type="button" style="background-color: #ff5722;" class="layui-btn" lay-filter="btnOpen" data-id="${offes.id}" name="${offes.orderby}" id="btnOpen">删除</button>
				  </div>
              </div>
            </div>
            @}
          </div>
        </div>
						</div>
					</div>
                </div>
</div>
@}